<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>管理系统</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/main.css" class="css">
</head>
<body class="layui-layout-body">

<!-- 顶部区域 -->
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">后台管理系统</div>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:">
                    <!--                    <img src="./images/user3.png" class="layui-nav-img">-->
                    <!-- 小米 -->
                </a>
                <dl class="layui-nav-child">

                    <dd>
                        <a href="#" data-url="profile" data-title="个人资料" data-id="44" class="site-demo-active"
                           data-type="tabAdd">
                            个人资料
                        </a>
                    </dd>

                    <dd>
                        <a href="#" data-url="password" data-title="修改密码" data-id="55" class="site-demo-active"
                           data-type="tabAdd">
                            修改密码
                        </a>
                    </dd>

                </dl>
            </li>
            <li class="layui-nav-item">
                <!--TODO -->
                <!--可能需要修改路径-->
                <!--                <a href="/user/logout">退出</a>-->
            </li>
        </ul>
    </div>


    <!-- 左侧导航栏 -->
    <div class="layui-tab  layui-side layui-tab-card site-demo-button">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-side layui-nav-tree layui-nav-side" lay-filter="LeftItem">
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:">商品管理</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a  href="javascript:" class="link-active" lay-href="/itemInfo" id="default-tab"
                               data-title="商品详细信息" data-id="11"
                               data-type="tabAdd">
                              <i class="layui-icon layui-icon-transfer">商品详细信息</i>
                            </a>
                        </dd>
                    </dl>
                </li>


                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:">用户管理</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:" class="link-active" lay-href="/userInfo" data-title="用户信息"
                               data-id="33"
                               data-type="tabAdd"><i class="layui-icon layui-icon-username">用户信息</i></a>
                        </dd>
                    </dl>
                </li>
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:">订单管理</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:" class="link-active" lay-href="/orderInfo" data-title="订单信息" data-id="44"
                               data-type="tabAdd">
                              <i class="layui-icon layui-icon-print">订单信息</i>
                            </a>
                        </dd>
                    </dl>
                </li>
            </ul>

        </div>
    </div>


    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div class="layui-tab" lay-filter="tables" lay-allowClose="true">
            <!--tab页标题-->
            <ul class="layui-tab-title">
            </ul>

            <!--tab页标题上右键，出现下面的 关闭当前和关闭所有的选项-->
            <ul class="rightMenu" style="display: none;position: absolute;">
                <li data-type="closeThis" class="layui-bg-cyan">关闭当前</li>

                <li data-type="closeAll" class="layui-bg-cyan">关闭所有</li>
            </ul>

            <!--tab页主体内容区域-->
            <div class="layui-tab-content">

            </div>

        </div>
    </div>


    <div class="layui-footer">
        ©huawei.com 华为商城后台管理系统
    </div>

</div>


<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="layui/layui.js"></script>
<script src="js/main.js"></script>

</body>
</html>
